{include file="index@index/head"}
<div class="banner">
  <div class="bd">
    <ul>
      {sy:list nid="81" name="vo"}
      <li><a href="{$vo.url}"><img src="{$vo.img}" alt="" /></a></li>
      {/sy:list}
    </ul>
  </div>
  <div class="hd">
    <ul>
      {sy:list nid="81" name="vo"}
      <li></li>
      {/sy:list}
    </ul>
  </div>
  <a href="javascript:void(0);" class="prev"></a> <a href="javascript:void(0);" class="next"></a> </div>
<script>
jQuery(".banner").slide({ titCell:".hd li", mainCell:".bd ul", effect:"leftLoop",  autoPlay:true, delayTime:700, interTime:3500 });	
</script>
<div class="clear"></div>
<div class="product">
  <div class="wrap">
    <div class="title wow fadeInUp">
      <h1>PRODUCT CENTER</h1>
      <h2><span>产品中心</span></h2>
    </div>
    <ul class="cate wow fadeInUp">
      {sy:cate nid="3" name="vo"}
      <li><a href="{:u($vo.entitle)}">{$vo.title}</a></li>
      {/sy:cate}
    </ul>
    <ul class="plist">
      {sy:list nid="3" cid="24" name="vo" num="6"}
      <li class="wow zoomIn"> <a href="{:u('product',$vo.id)}" title="{$vo.title}"> <img src="{$vo.img}" alt="{$vo.title}" title="{$vo.title}" /> <span>{$vo.title}</span> </a> </li>
      {/sy:list}
    </ul>
    <p><a href="{:u('product')}" class="more">查看更多产品</a></p>
  </div>
</div>
<div class="about wow fadeInUp">
  <div class="wrap">
    <div class="title wow fadeInUp">
      <h1>ABOUT US</h1>
      <h2>关于我们</h2>
    </div>
    <div class="abox wow fadeInUp">
      <div class="fl wow fadeInLeft">
        <div class="imgk">
          <sy:one id="932">
          <img src="{sy:one aid="14" name="vo"}{$vo.img}{/sy:one}" class=""  alt="思厨" /></a></div>
      </div>
      <div class="fr  wow fadeInRight">
        <div class="atit">
          <h1>ABOUT US</h1>
          <p class="line"></p>
          <h2>为什么选择Miyacms?</h2>
        </div>
        <div class="aboxc"> {sy:one aid="14" name="vo"}{$vo.note|msubstr=0,220,utf8,true}{/sy:one} <a href="{:u('about')}" style="color:#db082a">[查看详情]</a> </div>
      </div>
    </div>
  </div>
</div>
<div class="case wow fadeInUp">
  <div class="wrap">
    <div class="title wow fadeInUp">
      <h1>VIDEO SHOW</h1>
      <h2>视频展示</h2>
    </div>
    <div class="wow fadeInLeft">
      <ul class="plist">
        {sy:list nid="80" name="vo" num="6"}
        <li class="wow zoomIn"> <a href="{:u('video',$vo.id)}" title="{$vo.title}"> <img src="{$vo.img}" alt="{$vo.title}" title="{$vo.title}" /> <span>{$vo.title}</span> </a> </li>
        {/sy:list}
      </ul>
    </div>
    <div class="clear"></div>
    <p><a href="{:u('video')}" class="more">查看更多视频</a></p>
  </div>
</div>
<div class="news">
  <div class="wrap">
    <div class="title wow fadeInUp">
      <h1>NEWS INFOMATION</h1>
      <h2>新闻资讯</h2>
    </div>
    <div class="fl wow fadeInLeft"> {sy:list nid="2" num="1" name="vo"}<a href="{:u('news',$vo.id)}" title="{$vo.title}">
      <div class="pic"><img src="{$vo.img}" alt="{$vo.title}" title="{$vo.title}" />
        <div class="date">
          <p><b>{$vo.datetime|date='m-d',###}</b></p>
          <p>{$vo.datetime|date='Y',###}</p>
          <p class="line"></p>
        </div>
      </div>
      <h2>{$vo.title}</h2>
      <div class="note">{$vo.note|msubstr=0,100,utf8,true}</div>
      </a>
      <p><a href="{:u('news',$vo.id)}" class="mo">查看更多</a></p>
      {/sy:list} </div>
    <div class="fr  wow fadeInRight">
      <ul>
        {sy:list nid="2" num="4" name="vo"}
        <li><a href="{:u('news',$vo.id)}" title="{$vo.title}">
          <div class="date">
            <p><b>{$vo.datetime|date='m-d',###}</b></p>
            <p>{$vo.datetime|date='Y',###}</p>
            <p class="line"></p>
          </div>
          <div class="note">
            <h2>{$vo.title}</h2>
            <p>{$vo.note|msubstr=0,50,utf8,true}</p>
          </div>
          </a></li>
        {/sy:list}
      </ul>
    </div>
  </div>
</div>
{include file="index@index/foot"}